<template>
  <!-- template必须有一个根div -->
  <div>
<!--    msg 父向子传值-->
    <h2>{{msg}}</h2>

  </div>
</template>

<script>
  //引入其他组件

  export default {
    name: 'Lean1', //当前组件名
    // msg接收父组件的值
    props: {
      msg: String,
      required: true
    },
    //属性--包含的其他组件
    components: {
    },
    //自定义方法集合
    methods: {



    },
    //计算属性
    computed: {},
    //vue组件原生方法
    data() {
      return {
        // msg: ""
      };
    },
    beforeCreate() {
      console.log("beforeCreate 方法执行了!!!---组件实例刚刚被创建,属性都没有");
    },
    created() {
      console.log("created 方法执行了!!!----实例已经创建完成，属性已经绑定");
    },
    beforeMount() {
      console.log("beforeMount 方法执行!!!----模板编译之前");
    },
    mounted() {
      console.log("mounted 方法执行了!!!----模板编译之后");
    },
    beforeUpdate() {
      console.log("before update 执行了!!!----组件更新之前");
    },
    updated() {
      console.log("uodate 执行!!!----组件更新完毕");
    },
    beforeDestroy() {
      console.log("beforeDestroy 方法执行了!!!---组件销毁前");
    },
    destroyed() {
      console.log("destroyed 方法执行了!!!---组件销毁后----lean1.vue销毁了!!");
    },

  };
</script>

<style>
</style>
